<template>
  <div style="height: 500px">
    <!-- <div style="height: 500px" v-if="indexStyle == 0"><process></process></div> -->
    <index-chart v-if="indexStyle == 1"></index-chart>
    <index-bdc v-if="indexStyle == 2"></index-bdc>
    <index-task v-if="indexStyle == 3"></index-task>

    <div style="width: 100%; text-align: right; margin-top: 20px; display: none">
      请选择首页样式：
      <a-radio-group v-model="indexStyle">
        <a-radio :value="1">统计图表</a-radio>
        <a-radio :value="2">统计图表2</a-radio>
        <a-radio :value="3">任务表格</a-radio>
      </a-radio-group>
    </div>
  </div>
</template>

<script>
import IndexChart from './IndexChart'
import IndexTask from './IndexTask'
import IndexBdc from './IndexBdc'
import { queryUserRoleCodes } from '@/api/api'
export default {
  name: 'Analysis',
  components: {
    IndexChart,
    IndexTask,
    IndexBdc
  },
  data() {
    return {
      indexStyle: 2,
    }
  },
  mounted() {
    this.loadUserRoles()
  },
  methods: {
    loadUserRoles() {
      queryUserRoleCodes({ userid: this.$store.getters.userInfo.workNo }).then((res) => {
        if (res.success && res.result && res.result.length) {
          this.indexStyle = res.result.filter((item) => item.indexOf('health_mgr') != -1).length ? 4 : 0
        }
      })
    },
  },
}
</script>